/*
** GRAND Flash Media StyleSheet
*/

#wpwrap { background:#abb1bc url(../images/bg.png) 0 0 repeat-x; }
div#wpcontent div#adminmenu li.wp-menu-separator { background-position: 0 -2px; height: 7px; overflow: hidden; margin: 7px 0;border-width:0;border-style:hidden;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;}
.folded div#wpcontent #adminmenu li.wp-menu-separator { background-position: 100% -41px;}

div#adminmenuback { z-index: 10; }
div#adminmenuwrap { z-index: 15; }

body.branch-3-2 div#wphead,
body.branch-3-3 div#wphead { background-color: #fff; border-bottom-color: #183151; margin: 0 0 0 -20px; padding: 0 20px 0 22px; }

body.branch-3-2 div#footer,
body.branch-3-3 div#footer { background-color: #fff; border-bottom-color: #183151; margin: 0 0 0 145px; padding-right: 20px; padding-left: 20px; }

body.branch-3-2.js.folded div#footer,
body.branch-3-3.js.folded div#footer {margin: 0 0 0 32px; padding-right: 20px; padding-left: 20px; }

body.branch-3-2 div#contextual-help-wrap, 
body.branch-3-2 div#screen-options-wrap, 
body.branch-3-3 div#contextual-help-wrap, 
body.branch-3-3 div#screen-options-wrap { 
-moz-border-radius:0 0 4px 4px;
-webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px;
-khtml-border-bottom-left-radius:4px; -khtml-border-bottom-right-radius:4px;
border-bottom-left-radius:4px; border-bottom-right-radius:4px; 
}

ul#adminmenu li.toplevel_page_grand-media.current .wp-menu-arrow { display: none; }

input[type=search] { background-color: #FFFFFF; border: 1px solid #dfdfdf; margin: 1px; padding: 3px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
div#grandMedia { margin: 10px 20px 10px 0px; }
div.grandmedia { color: #ffffff; }

.grandHeader { position: relative; height: 80px; padding: 1px; }
.grandHeader .grandLogo { position: absolute; left: 15px; top: 10px; width: 150px; height: 55px; font-size: 40px; font-family: Verdana; color: #ffffff; background: url(../images/logo.png) 0 0 no-repeat; overflow: hidden; text-indent: -100em; }
.grandHeader h2 { margin: 16px 0 0 180px; font: italic 24px/35px Georgia,"Times New Roman","Bitstream Charter",Times,serif; }

div.sideLinks { position: relative; width: 180px; float: left; }
div.grandLibrary { position: relative; margin-left: 180px; min-width: 780px; color: #000000; }

.sideLinks .gm-bufer { padding: 7px 0 7px 15px; }
.grandmedia .gm-message { position: absolute; left: 0; top: -30px; width: 100%; text-align: center; }
.grandmedia .gm-message span { display: inline-block; vertical-align: top; height: 15px; margin: 0 auto; padding:0px 10px; background-color: #FFFFE0; border: 3px solid #FFFFE0; font-size: 12px; font-weight: bold; line-height: 15px; color: #000000;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.grandmedia .gm-message .gm-close { display: inline-block; vertical-align: top; position: relative; width: 11px; height: 15px; margin-left: -8px; cursor: pointer; background:#FFFFE0 url(../images/close.png) -17px -15px no-repeat; border: 3px solid #FFFFE0; font-size: 12px; font-weight: bold; line-height: 120%; overflow: hidden; text-indent: -100em;
-moz-border-radius: 0 3px 3px 0; 
-webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-top-right-radius: 3px;
}
.grandmedia .gm-message.gm-error span { background-color: #cc0000; border-color: #cc0000; color: #ffffff; }
.grandmedia .gm-message.gm-error .gm-close { background-color: #cc0000; background-position: -2px 0px; border-color: #cc0000; }


.sideLinks ul { list-style: none; margin:5px 0; padding: 0; }
.sideLinks ul li { display: block; margin: 0px; padding: 0 4px 0 8px; line-height: 18px; }
.sideLinks ul li:hover { background: #636E82 none; color: #313438; }
.sideLinks ul li a { display: block; color: #ffffff; padding: 3px 0 2px 17px; text-decoration: none; }
.sideLinks ul li:hover a { color: #ffffff; }
.sideLinks ul li a:hover { text-decoration: none; }
.sideLinks ul li.current { background: #D2D6DC url(../images/navtabtop_bg.png) 0 -5px no-repeat; color: #313438; }
.sideLinks ul li.current:hover { background: #D2D6DC url(../images/navtabtop_bg.png) 0 -5px no-repeat; color: #313438; }
.sideLinks ul li.current a { color: #313438; font-weight: bold; }
.sideLinks ul li.current:hover a { color: #313438; }

div#gMediaLibTable { /*height: 450px; overflow: auto;*/ position: relative; }
div#gMediaLibTable p { margin: 5px 0 2px; }

div.gMediaLibActions { border: 1px solid #dedede; padding: 5px 22px 3px 7px; background: #ffffff url(../images/bg_act_bar.png) 0 100% repeat-x; white-space: nowrap; font: 12px/15px Arial; color: #000000; position: relative;
-moz-border-radius: 4px 4px 0 0; 
-webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px;
border-top-left-radius: 4px; border-top-right-radius: 4px;
}
input[type="checkbox"], input[type="checkbox"]:focus { -moz-outline: none; outline: none; }
div.gMediaLibActions .dropbut { padding: 3px 18px 3px 8px; height: 16px; background: url(../images/dropbut.png) 100% 50% no-repeat; }
div.gMediaLibActions .cb .dropbut { padding-left: 6px; }
div.gMediaLibActions .abut { display: inline-block; border: 1px solid #a0a0a0; margin: 0 8px 2px 0; background: #e3e3e3 url(../images/bg_act_but.png) 0 0 repeat-x; vertical-align: middle; cursor: default; position: relative; z-index: 1;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
div.gMediaLibActions .abut:hover { border-color: #000000; }
div.gMediaLibActions .abuts { display: inline-block; margin: 0 8px 2px 0; background: #e3e3e3 url(../images/bg_act_but.png) 0 0 repeat-x; overflow: hidden; vertical-align: middle; }
div.gMediaLibActions .abuts > span { float: left; border: 1px solid #a0a0a0; padding: 3px 8px; border-left: none; color: #000000; text-decoration: none; cursor: default; margin: 0; }
div.gMediaLibActions .abuts > a { float: left; border: 1px solid #a0a0a0; border-left: none; color: #000000; text-decoration: none; cursor: default; margin: 0; }
div.gMediaLibActions .abuts a { padding: 3px 8px; height: 16px; overflow: hidden; }
div.gMediaLibActions .abuts span { height: 16px; overflow: hidden; }
div.gMediaLibActions .abuts a.active { background: #989898 url(../images/bg_act_but2.png) 0 0 repeat-x; color: #ffffff; }
div.gMediaLibActions .abuts a i.qty { font-style: normal; font-size: 10px; vertical-align: text-bottom; }
div.gMediaLibActions .abuts a i .page { display: none; }
div.gMediaLibActions .abuts a i b { display: none; }
div.gMediaLibActions .abuts .all { border-left: 1px solid #a0a0a0; 
-moz-border-radius: 4px 0 0 4px; 
-webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px;
border-top-left-radius: 4px; border-bottom-left-radius: 4px;
}
div.gMediaLibActions .abuts .delete { font-weight: bold;
-moz-border-radius: 0 4px 4px 0;
-webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px;
border-top-right-radius: 4px; border-bottom-right-radius: 4px;
}
div.gMediaLibActions .abuts > *:hover { border: 1px solid #000000; margin-left: -1px; }
div.gMediaLibActions .abuts .delete:hover { color: #990000; }
div.gMediaLibActions .abuts .all:hover { margin-left: 0px; }
div.gMediaLibActions .abuts a.disabled { color: #888888 }
div.gMediaLibActions .abuts a.disabled:hover { border: 1px solid #a0a0a0; }
div.gMediaLibActions .dropbox { display: none; position: absolute; top: 20px; left: 0; background-color: #f7f7f7; padding: 5px;
-moz-box-shadow: 0px 4px 10px #8B8B8B; 
-webkit-box-shadow: 0px 4px 10px #8B8B8B;
box-shadow: 0px 4px 10px #8B8B8B; 
}
div.gMediaLibActions .abut.active { z-index: 102; background: #989898 url(../images/bg_act_but2.png) 0 0 repeat-x; border-color: #000000; }
div.gMediaLibActions .abut.active .dropbut { color: #ffffff; }
div.gMediaLibActions .abut.active .dropbox { display: block; }
div.gMediaLibActions .dropbox > * { display: block; padding: 2px 20px 2px 2px; text-decoration: none; color: #000; }
div.gMediaLibActions .dropbox > *:hover { display: block; padding: 2px 20px 2px 2px; background-color: #ffffcc; text-decoration: none; color: #000; cursor: default; }
div.gMediaLibActions .dropbox a.hidden_media { background-image: url(../images/icon_checked.png); background-position: 100% -100px; background-repeat: no-repeat; }
div.gMediaLibActions .dropbox a.hidden_media.active { background-position: 100% 50%; background-color: #FFFFCC; font-weight: bold; }
div.gMediaLibActions .dropbox a.hidden_media i.qty { font-style: normal; font-size: 10px; vertical-align: text-bottom; }
div.gMediaLibActions .dropbox a.hidden_media i.qty span { display: inline; padding: 0; }
div.gMediaLibActions .dropbox label { margin: 0; padding: 0 0 2px 2px; color: #444444; font-size: 95%; display: block; cursor: default; }
div.gMediaLibActions .msg { display: inline-block; position: relative; z-index: 100; background-color: #006600; padding: 2px 5px; color: #ffffff; opacity: 0.8;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
div.gMediaLibActions .msg .more { display: none; font-weight: bold; margin-left: 5px; font-size: 14px; line-height: 12px; cursor: pointer; }
div.gMediaLibActions .msg.showmore .more { display: inline; }
div.gMediaLibActions .msg .actions { display: none; position: absolute; left: 0; top: 14px; background-color: #006600; padding: 6px 2px 2px; color: #ffffff;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
div.gMediaLibActions .msg .actions span { display: block; padding: 3px 3px; cursor: pointer; }
div.gMediaLibActions .msg .actions span:hover { background-color: #21759B; }
div.gMediaLibActions .gmSearch { display: inline-block; position: absolute; right: 5px; top: 5px; }
div.gMediaLibActions .gmSearch .loading { display: none; }
div.gMediaLibActions .gmSearch input#gMediaSearch { width: 136px; margin: 0; padding: 4px 14px 3px 3px; background: #ffffff url(../images/bg_search.png) 100% 60% no-repeat; }
.grandPager { display: block; position: absolute; right: 160px; top: 7px; font-size: 11px; line-height: 16px; }
.grandPager * { display: inline-block; vertical-align: middle; }
.grandPager .pager_total_items { font:italic 12px Georgia; margin-right: 10px; color: #777777; }
.grandPager .pager_first, .grandPager .pager_prev, .grandPager .pager_next, .grandPager .pager_last { display: inline-block; background: #e3e3e3 url(../images/bg_act_but.png) 0 0 repeat-x; color: #21759b; border: 1px solid #a0a0a0; padding: 1px 6px; text-decoration: none; font: bold 12px "Lucida Grande",Verdana; margin:0 2px; height: 16px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.grandPager span.pager_first, .grandPager span.pager_prev, .grandPager span.pager_next, .grandPager span.pager_last { color: #aaaaaa; }
.grandPager .pager_pages { display: inline-block; margin: 0 5px; }
.grandPager .pager_pages .pager_current_page { width: 30px; margin: 0 3px 0 0; padding: 1px 3px; text-align: center; font-size: 11px; }

table.gMediaLibTable { width: 100%; border-spacing: 0; border: 1px solid #cccccc; border-top: none; border-collapse: collapse; }
table.gMediaLibTable tr { background-color: #f7f7f7; color: #000000; }
table.gMediaLibTable tbody tr:hover { background-color: #fcfcff; }
table.gMediaLibTable th { vertical-align: top; padding: 4px 3px; border-bottom: 1px solid #dedede; font-weight: bold; text-align: left; background: #dfdfdf url(../images/gray-grad.png) 0 0 repeat-x; color: #333333; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
table.gMediaLibTable th.bufer { }
table.gMediaLibTable th.cb { }
table.gMediaLibTable th a { display: inline-block; padding-right: 12px; background: url(../images/sorting.png) 100% 0 no-repeat; text-decoration: none; color: #333333; }
table.gMediaLibTable th.ASC a { background-position: 100% -20px; }
table.gMediaLibTable th.DESC a { background-position: 100% -40px; }
table.gMediaLibTable td { vertical-align: top; padding: 4px 3px; border-bottom: 1px solid #dedede; line-height: 14px; }
table.gMediaLibTable tr.noitems { display: none; }
table.gMediaLibTable tr.noitems td { padding: 40px 0; text-align: center; font-weight: bold; }
table.gMediaLibTable tr.emptybd td { padding: 40px 0; text-align: center; font-weight: bold; }
table.gMediaLibTable .bufer { width: 5px; }
table.gMediaLibTable tr.gmedia_hidden .bufer span { background-color: #CC3333; }
table.gMediaLibTable .cb { width: 20px; }
table.gMediaLibTable .id { font-weight: bold; width: 40px; white-space: nowrap; }
table.gMediaLibTable .file { width: 50px; }
table.gMediaLibTable td.file { padding: 2px 3px; }
table.gMediaLibTable .file span { display: block; position: relative; width: 38px; height: 20px; }
table.gMediaLibTable .file img { position: absolute; left: 0; top: 0; clip:rect(0px,36px,20px,0px); }
table.gMediaLibTable .type { width: 50px; }
table.gMediaLibTable .title { width: 250px; }
table.gMediaLibTable .title span { display:block; overflow: hidden; height: 15px; }
table.gMediaLibTable .descr div { overflow: hidden; height: 15px; }
table.gMediaLibTable .descr div * { margin: 0; padding: 0; display: inline; }
table.gMediaLibTable .actions { width: 60px; white-space: nowrap; }
table.gMediaLibTable td.actions { padding-bottom: 0; padding-right: 0; }
table.gMediaLibTable .actions a { text-indent: -100em; overflow: hidden; display: inline-block; width: 16px; height: 16px; }
table.gMediaLibTable .actions .fancy-view { background: url(../images/icon_eye.png) 0 0 no-repeat; margin-right: 5px; }
table.gMediaLibTable .actions .fancy-listen { background: url(../images/icon_listen.png) 0 0 no-repeat; margin-right: 5px; }
table.gMediaLibTable .actions .fancy-watch { background: url(../images/icon_watch.png) 0 0 no-repeat; margin-right: 5px; }
table.gMediaLibTable .actions .edit { background: url(../images/icon_edit.png) 0 0 no-repeat; margin-right: 5px; }
table.gMediaLibTable .actions .delete { background: url(../images/icon_delete.png) 0 0 no-repeat; }

tr.gmedia-edit-row { background-color: #fcffff !important; }
.gmedia-edit-row fieldset { border: 1px solid #888888; padding: 10px; overflow: hidden; position: relative;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.gmedia-edit-row fieldset legend { display: block; font-weight: bold; position: absolute; top: -11px; left: 14px; }
.gmedia-edit-row fieldset legend span { border: 1px solid #888888; padding: 2px 10px; background: #fff;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;
}
.gmedia-edit-row fieldset legend .legendID { display: inline-block; position: relative; z-index: 2; }
.gmedia-edit-row fieldset legend .legendType { display: inline-block; position: absolute; left: 105px; top: 0; }
.gmedia-edit-row fieldset .gmImage { float: left; padding: 1px; margin-right: 10px; position: relative; border: 1px solid #000; z-index: 1; }
.gmedia-edit-row fieldset .gmImage img { }
.gmedia-edit-row fieldset .gmImage .gmImageEdit { position: absolute; right: 7px; top: 7px; width: 16px; height: 16px; background: url(../images/icon_edit.png) 0 0 no-repeat; visibility: hidden; overflow: hidden; text-indent: -999em; }
.gmedia-edit-row fieldset .gmImage:hover .gmImageEdit { visibility: visible; }
.gmedia-edit-row fieldset .row { padding-bottom: 7px; }
.gmedia-edit-row fieldset .row span { display: inline-block; }
.gmedia-edit-row fieldset .row .label { width: 100px; text-align: right; color: #888888; padding-right: 10px; }
.gmedia-edit-row fieldset .row input { margin-left: -5px; width: 220px; }
.gmedia-edit-row fieldset .gmDescription { position: absolute; left: 500px; top: 21px; right: 76px; bottom: 1px; }
.gmedia-edit-row fieldset .gmDescription .label { display: block; position: absolute; right: 0px; top: -21px; color: #888888; }
.gmedia-edit-row fieldset .gmDescription textarea { width: 100%; height: 100%; resize: none; }
.gmedia-edit-row fieldset .buttons { position: absolute; right: 23px; bottom: 0px; }
.gmedia-edit-row fieldset .buttons input { display: block; width: 36px; height: 20px; padding: 0; margin: 10px 0 0 0; color: transparent; border: none; line-height: 0; overflow: hidden; cursor: pointer; text-indent: -999em; }
.gmedia-edit-row fieldset .save { background: url(../images/icon_save.png) 50% 50% no-repeat; }
.gmedia-edit-row fieldset .cancel { background: url(../images/icon_cancel.png) 50% 50% no-repeat; }



.va-t { vertical-align: top; }
.va-b { vertical-align: bottom; }




































